.best-wrap {
	height: 100%;
	padding-right: 10px;
	background-color: #f2f2f2;
	display: flex;
	flex-direction: column;
}
.layout-wrap {
	padding: 30px;
	margin-bottom: 16px;
	background: #fff;
	border-radius: 2px;

	&.content-box {
		flex-grow: 1;
		overflow: auto;
	}
}
.msg-box {
	padding-right: 350px;
    background: url('../../../assets/images/chapter-knowledge-tag.png') no-repeat right 80px center #fff;

	.title {
		height: 18px;
		font-size: 18px;
		font-weight: bold;
		color: #3a3d4b;
		line-height: 1;
	}

	.desc {
		margin-top: 14px;
		height: 22px;
		font-size: 14px;
		color: #3a3d4b;
	}

	.detail {
		font-size: 12px;
		color: #63677e;
		line-height: 26px;
	}
}
.type-item {
	padding: 22px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;

	&:nth-child(odd) {
		background-color: #fafafa;
	}

	.msg-con {
		flex-grow: 1;
		.title {
			margin-bottom: 16px;
			font-size: 16px;
			font-weight: bold;
			color: #3a3d4b;
		}

		.detail-box {
			margin-top: 10px;
			display: flex;
			font-size: 14px;
			color: #535766;
		}

		.detail-label {
			flex-shrink: 0;
		}

		.detail-con {
			flex-grow: 1;
		}
	}

	.edit-btn {
		margin: 0 58px;
		flex-shrink: 0;
	}
}
